<div id="page-searchbar" class="page page-current">
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left back">
            <span class="icon icon-left"></span>
            返回
        </a>
        <h1 class="title">搜索栏</h1>
    </header>
    <div class="bar bar-header-secondary">
        <div class="searchbar">
            <a class="searchbar-cancel">取消</a>
            <div class="search-input">
                <label class="icon icon-search" for="search1"></label>
                <input type="search" id="search1" placeholder="输入关键字...">
            </div>
        </div>
    </div>
    <div class="content native-scroll" id="">
        <div class="content-padded">
            <div class="searchbar">
                <div class="search-input">
                    <label class="icon icon-search" for="search2"></label>
                    <input type="search" id="search2" placeholder="输入关键字...">
                </div>
            </div>

            <div class="searchbar row">
                <div class="search-input col-80">
                    <label class="icon icon-search" for="search3"></label>
                    <input type="search" id="search3" placeholder="输入关键字...">
                </div>
                <a class="button button-fill button-primary col-20">搜索</a>
            </div>

            <div class="searchbar row">
                <div class="search-input col-85">
                    <input type="search" id="search4" placeholder="输入关键字...">
                </div>
                <a class="button button-fill button-primary col-15"><span class="icon icon-search"></span></a>
            </div>
        </div>
    </div>
</div>
